<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标签测试</title>
		<script src="../../static/js/jquery-2.1.3.min.js"></script>
		<script src="../../layui/layui.js"></script>
		<link rel="stylesheet" href="../../layui/css/layui.css" />
		<link rel="stylesheet" href="../../static/yyi/css/mainPage.css" />
		<script>
			function main(id){
				console.log(id)
				alert(id);
			}
			function startNetStatus(){
				layui.use(['form','element'],function(){
					var element = layui.element;
					var layer = layui.layer;
					var form = layui.form;
					 layer.open({
						type:1,
						title:"网络状态",
						area:['53%','90%'],
						content:$("#netStatus").html(),
					});
					form.render(); 
						
				 })
			}
			function startTest(id){
			 layui.use(['form','laydate'],function(){
				var layer = layui.layer;
				var form = layui.form;
				var laydate = layui.laydate;
				layer.open({
					type:1,
					title:"台位开测",
					area:['53%','90%'],
					content:$("#popSearchRoleTest").html(),
					success:function(){
						laydate.render({
							type:'datetime',
							elem:'#kaiceshijian',
							format:'yyyy-MM-dd HH:mm:ss',
							value: new Date()
						});
						laydate.render({
							type:'datetime',
							elem:'#jieshushijian',
							format:'yyyy-MM-dd HH:mm:ss',
						})
					}
				});
				form.render();
			 })
			}
			/* 时间插件的使用结束 */
		
		</script>
		<script type="text/html" id="popSearchRoleTest">
			<!-- 遮罩层开始 -->
			<div class="layui-row"  >
			   <div class="layui-col-md11">
			     <form class="layui-form" lay-filter="formTestFilter2121"  style="margin-top: 30px;margin-left: 50px;">

					 <div class="layui-form-item" >
						 <label style="color:red;font-size: 32px">故障信息处理</label>

							 <label style="text-align: center">A7</label>

					 </div>



					 <div class="layui-form-item">
			         <label class="layui-form-label">订单编号：</label>
			         <div class="layui-input-inline">
			           <input type="text" name="orderNum" class="layui-input" placeholder="订单编码">
			         </div>
			         <label class="layui-form-label" class="layui-se">是否复测：</label>
			         <div class="layui-input-inline">
			            <select name="ifreTest">
							<option value="">请选择是否复测</option>
							<option value="1">是</option>
							<option value="2">否</option>
						</select>
			         </div>
			       </div>
			        <div class="layui-form-item">
			         <label class="layui-form-label">产品名称：</label>
			         <div class="layui-input-inline">
			           <input type="text" name="productName" class="layui-input" placeholder="产品名称">
			         </div>
			         <label class="layui-form-label">型号名称：</label>
			         <div class="layui-input-inline">
			         <input type="text" name="password" class="layui-input" placeholder="型号名称">
			         </div>
			       </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">产品品牌：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="userName" class="layui-input" placeholder="产品品牌">
				     </div>
				     <label class="layui-form-label">研发类别：</label>
				     <div class="layui-input-inline">
				     <select name="produceCategory">
				     	<option value="">请选择研发类别</option>
				     	<option value="A">A类</option>
				     	<option value="B">B类</option>
						<option value="C">C类</option>
				     </select>
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">检验项目：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="checkItem" class="layui-input" palceholeder="检验项目">
				     </div>
				     <label class="layui-form-label">试验目的：</label>
				     <div class="layui-input-inline">
				      <select name="testPurpose">
				     	<option value="">请选择实验目的</option>
				     	<option value="A">新品验证</option>
				     	<option value="B">更换部件验证</option>
				     </select>
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">产品编码：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="chanpinbianma" class="layui-input" placeholder="产品编码">
				     </div>
				     <label class="layui-form-label">样机编码：</label>
				     <div class="layui-input-inline">
				     <input type="text" name="yangjibianma" class="layui-input" placeholder="样机编码">
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">开测时间：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="kaiceshijian" id = "kaiceshijian" class="layui-input" placeholder="开测时间">
				     </div>
				     <label class="layui-form-label">预计结束时间：</label>
				     <div class="layui-input-inline">
				     <input type="text" name="jieshushijian" id="jieshushijian" class="layui-input" placeholder="预计结束时间">
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">送样人：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="sendPerson" class="layui-input" placeholder="送样人">
				     </div>
				     <label class="layui-form-label">委托单位：</label>
				     <div class="layui-input-inline">
				     <input type="text" name="entrustedUnit" class="layui-input" placeholder="委托单位">
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">联系电话：</label>
				     <div class="layui-input-inline">
				       <input type="text" name="userName" class="layui-input" placeholder="联系电话">
				     </div>
				     <label class="layui-form-label">对应台位：</label>
				     <div class="layui-input-inline">
				     <input type="text" name="password" class="layui-input" placeholder="对应台位">
				     </div>
				   </div>
				    <div class="layui-form-item">
				     <label class="layui-form-label">所选模块：</label>
				     <div class="layui-input-inline">
				        <select name="ifreTest">
				      	<option value="">请选择使用WIFI模块</option>
				      	<option value="21">21</option>
				      	<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
				      </select>
				     </div>
				   </div>
			       <div class="layui-form-item">
			         <div class="layui-input-block">
					   <input type="radio" name="writeMsg" title="手动录入" checked>
					   <input type="radio" name="writeMsg" title="LIMS获取">
			          <button class="layui-btn layui-bg-blue"  style="margin-left: 400px;">开测</button>
			         </div>
			       </div>
			     </form>
			   </div>
			 </div>
					<!-- 遮罩层结束 -->	
		</script>
		<!--网络状态 -->
		<script type="text/html" id="netStatus">
			<div class="layui-row" >
			   <div class="layui-col-md12">
			 <div class="layui-tab">
			     <ul class="layui-tab-title">
			     <li class="layui-this">已用模块</li>
			     <li>未用模块</li>
			   </ul>
			   <div class="layui-tab-content">
			     <div class="layui-tab-item layui-show">
					   <table class="layui-table" lay-skin="row">
					     <colgroup>
					       <col width="150">
					       <col width="150">
					       <col>
					     </colgroup>
					   
					     <thead>
					       <tr>
					         <th style="text-align: center;">模块号</th>
					         <th style="text-align: center;">房间名称</th>
					         <th style="text-align: center;">台位名称</th>
					   	     <th style="text-align: center;">模块IP地址</th>
					   	     <th style="text-align: center;">网络状态</th>
					       </tr> 
					     </thead>
					     <tbody>
					       <tr>
					         <td>42</td>
					         <td>3室</td>
					         <td>3-55</td>
					   	  <td>192.168.1.42</td>
					   	  <td><img src="img/normal2.png"></td>
					       </tr>
					       <tr>
					         <td>43</td>
					         <td>3室</td>
					         <td>3-56</td>
					   	  <td>192.168.1.43</td>
					   	  <td><img src="img/normal2.png"></td>
					       </tr>
					   	 <tr>
					   	  <td>44</td>
					   	  <td>5室</td>
					   	  <td>5-21</td>
					   	   <td>192.168.1.44</td>
					   	  <td><img src="img/wrong.png"></td>
					   	</tr>
					   	 <tr>
					   	  <td>45</td>
					   	  <td>5室</td>
					   	  <td>5-22</td>
					   	   <td>192.168.1.45</td>
					   	  <td><img src="img/normal2.png"></td>
					   	</tr>
					     </tbody>
					   </table>
				 </div>
			     <div class="layui-tab-item">
					  <table class="layui-table" lay-skin="row">
					   <colgroup>
					     <col width="150">
					     <col width="150">
					     <col>
					   </colgroup>
					 
					   <thead>
					     <tr>
					       <th style="text-align: center;">模块号</th>
					 	     <th style="text-align: center;">模块IP地址</th>
					     </tr> 
					   </thead>
					   <tbody>
					     <tr>
					       <td>52</td>
					 	  <td>192.168.1.42</td>
					     </tr>
					     <tr>
					       <td>53</td>
					 	  <td>192.168.1.43</td>
					     </tr>
					 	 <tr>
					 	  <td>54</td>
					 	   <td>192.168.1.44</td>
					 	</tr>
					 	 <tr>
					 	  <td>55</td>
					 	   <td>192.168.1.45</td>
					 	</tr>
						<tr>
						  <td>56</td>
						   <td>192.168.1.45</td>
						</tr>
					   </tbody>
					 </table>
				 </div>  
			   </div>
			 </div>
</div>
</div>
		</script>
		<style type="text/css">
			html {
				height: 100%
			}

			body {
				height: 100%;
			}

			table {
				text-align: center;
				border-collapse: collapse;
			}
		</style>
	</head>
	<!-- style='overflow:-Scroll;overflow-y:hidden' -->
	<body>
		<div>
			<div class="top" style="background-color: #007DDB;">
				<label class="top0title" style="margin-left: 550px;">家电可靠性监测平台</label>
				<img src="../../img/curveDisplay_haierlogo.png" class="haierlogo" />
				<img src="../../img/mainpages1.png" class="haierlogo" style="margin-left: 250px" />
				<img src="../../img/alarm1.png" style="margin-left: 10px;" class="haierlogo" onclick="main(2)"></img>
				<img src="../../img/history1.png" name="history" id="hsitoryId" class="haierlogo" style="margin-left: 10px" onclick="main1(3)" />
				<img src="../../img/wangluo.png" name="wangluo" id="wangluoId" class="haierlogo" style="margin-left: 10px" onclick="startNetStatus()" />
			</div>
			<div id="bottom">
				<div>
					<div style="padding: 50px;padding-top: 0;width: 90%;height: 80%;position: absolute;text-align:center"> 
					     <div style="float: left;padding-top: 10px;">
							 <label style="margin-left: 30px;">正常开测：</label><button style="background-color: #00FF00;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><label style="margin-left: 10px;">14</label>
						     <label style="margin-left: 30px;">未开测：</label><button >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><label style="margin-left: 10px;">11</label>
							 <label style="margin-left: 30px;">报警：</label><button style="background-color: #FF0000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><label  style="margin-left: 10px;">2</label>
							 <label style="margin-left: 30px;">故障待处理：</label><button style="background-color: #FFFF00;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><label  style="margin-left: 10px;">1</label>
							 <label style="margin-left: 30px;">测试暂停：</label><button style="background-color: #0000FF;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><label  style="margin-left: 10px;">2</label>
						 </div>
						<table border="0" width="100%" height="100%" style="margin: 0 auto;">
							<tr>
								<td>
									<div style="display: inline;font-size: 35px;"></div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;">低温室</div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;"></div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;"></div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;"></div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;">高温室</div>
								</td>
								<td>
									<div style="display: inline;font-size: 35px;"></div>
								</td>
							</tr>
							<tr>
								<td>
									<button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(1)" oncontextmenu="startTest(222)">
										<font color="black"> A1</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(2)">
										<font color="black"> A2</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(3)">
										<font color="black"> A3</font>
									</button></td>
								<td></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(16)">
										<font color="black"> B1</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(17)">
										<font color="black"> B2</font>
									</button></td>
								<td><button class="btn" style="background-color: #FF0000;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(18)">
										<font color="black"> B3</font>
									</button></td>
							</tr>
							<tr>
								<td><button class="btn" style="background-color:#FFFF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(4)">
										<font color="black"> A4</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(5)">
										<font color="black"> A5</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(6)">
										<font color="black"> A6</font>
									</button></td>
								<td></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(19)">
										<font color="black"> B4</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(20)">
										<font color="black"> B5</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(21)">
										<font color="black"> B6</font>
									</button></td>
							</tr>
							<tr>
								<td><button class="btn" style="background-color: #FF0000;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(7)">
										<font color="black"> A7</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(8)">
										<font color="black"> A8</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(9)">
										<font color="black"> A9</font>
									</button></td>
								<td></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(22)">
										<font color="black"> B7</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(23)">
										<font color="black"> B8</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(24)">
										<font color="black"> B9</font>
									</button></td>
							</tr>
							<tr>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(10)">
										<font color="black"> A10</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(11)">
										<font color="black"> A11</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(12)">
										<font color="black"> A12</font>
									</button></td>
								<td></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(25)">
										<font color="black"> B10</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(26)">
										<font color="black"> B11</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(27)">
										<font color="black"> B12</font>
									</button></td>
							</tr>
							<tr>
								<td><button class="btn" style="background-color: #0000FF;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(13)">
										<font color="black"> A13</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(14)">
										<font color="black"> A14</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(15)">
										<font color="black"> A15</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF;visibility: hidden;">
										<font color="black"> </font>
									</button></td>
								<td><button class="btn" style="background-color: #0000FF;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(28)">
										<font color="black"> B13</font>
									</button></td>
								<td><button class="btn" style="background-color: #00FF00;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(29)">
										<font color="black"> B14</font>
									</button></td>
								<td><button class="btn" style="background-color: white;width: 100px;height: 80px;color: #FFFFFF"
									 onclick="startTest(30)">
										<font color="black"> B15</font>
									</button></td>
							</tr>

						</table>
					</div>
				</div>

			</div>
		</div>
	</body>
</html>
